Inspiration · 33 tools

Web design resources: blogs, books and courses

Reading that makes the rest of this index more useful. Practical guides to typography and layout, interactive CSS tutorials, accessible component patterns, and publications that are still worth following. Most are free; the paid books and courses are the ones people keep recommending years later.

Sort

refactoringui.com

Refactoring UIReadingA practical guide full of tactics for designing and building better interfaces.

practicaltypography.com

Practical TypographyReadingAn online book covering the rules of typography and how to lay out text.

web.dev

web.devReadingPractical guidance on web performance and building to modern web standards.

inclusive-components.design

Inclusive ComponentsReadingA pattern library that teaches you how to build accessible interface components.

joshwcomeau.com

Josh ComeauReadingInteractive tutorials and articles that unpack how CSS mechanics really work.

design-books.com

Design BooksReadingA directory of essential design books organized by the discipline they cover.

learn-kernels.com

Learn KernelsReadingAn interactive guide to writing and understanding GPU kernel programming.

designsystemchecklist.com

Design System ChecklistReadingA thorough checklist covering what goes into a production-ready design system.

learn-ui.com

Learn UIReadingA video course that teaches the practical side of designing user interfaces.

designspells.com

Design SpellsReadingA collection dissecting the subtle design details hidden in everyday software.

goodui.org

Good UIReadingA library of evidence-based UI design patterns backed by real-world data.

abduzeedo.com

AbduzeedoReadingA daily design blog that shares a steady stream of visual inspiration.

uxdesign.cc

UX CollectiveReadingA curated publication that gathers critical essays on user experience design.

smashingmagazine.com

Smashing MagazineReadingA dependable resource of articles and guides for web designers and developers.

tympanus.net

CodropsReadingA blog publishing creative front-end experiments alongside hands-on tutorials.

muz.li

MuzliReadingA daily digest that curates the latest design trends into a single feed.

boxesandarrows.com

Boxes and ArrowsReadingA long-running journal about the practice and ideas behind information architecture.

designernews.co

Designer NewsReadingA community-driven feed where designers surface and discuss the latest stories.

webdesignerdepot.com

Web Designer DepotReadingA design publication that covers web standards and the tools designers use.

designmodo.com

DesignmodoReadingA publication offering both articles and practical tools for web design.

99designs.com

99designs DiscoverReadingA design blog that explores branding and the creative thinking behind it.

interfaces.dev

InterfacesReadingA monthly digital publication that explores the design of digital interfaces.

makingsoftware.com

Making SoftwareReadingEssays examining how the tools designers use end up shaping their software.

visualrambling.space

Visual RamblingReadingPersonal visual essays that dig into interface design one idea at a time.

degreeless.design

Degreeless DesignReadingA curated learning roadmap for anyone set on mastering product design.

svg.guide

SVG GuideReadingA guide to writing SVG markup and animating it, for designers and developers.

animations.dev

Animations.devReadingA course that teaches you to create web animations that genuinely feel right.

ui-skills.com

UI SkillsReadingA course covering techniques for designing interfaces with the help of AI.

aiforui.dev

AI for UIReadingA course on putting AI workflows to work in your interface design process.

ui.land

UI LandReadingA series of interviews with leading design engineers about their craft.

lawsofux.com

Laws of UXReadingA collection of psychological principles that shape how usable an interface feels.

userinterface.wiki

User Interface WikiReadingA knowledge base that documents interface design guidelines and rules in one place.

shapeof.ai

The Shape of AIReadingA pattern library that spotlights design patterns for AI-powered interfaces.

Frequently asked questions about Web design resources: blogs, books and courses

What are the best web design resources to learn UI in 2026?

Designeer lists 33 web design resources, each with a live preview, including Refactoring UI, Practical Typography and web.dev. They span blogs, books and courses on typography, CSS, accessibility and UI craft for people who build interfaces.

What are the best books for learning UI and web design?

Classics like Refactoring UI and Practical Typography are widely recommended for designers and developers, and many web design resources are free to read online. They teach the fundamentals of layout, type and visual hierarchy you'll use on every project.

Where can I learn front-end and accessibility for free?

Free resources such as web.dev, Inclusive Components and Josh Comeau's blog cover CSS, accessibility and modern front-end craft in depth. Mixing blogs, books and courses is the fastest way to level up your web design and UI skills.